{php}
$CmsMenuList = $dataArr['CmsMenuList']; // 栏目
$ContentList = $dataArr['ContentList']; // 当前栏目内容列表 默认8条
$pageInfos = $pageInfo; // 页面信息
$cssAbout = "css/about.css"; // 列表页css
$pageInfoList = $pageInfo; // 列表页要用的栏目信息
{/php}
{include file="header" pageInfos="$pageInfos" CmsMenuList="$CmsMenuList" cssAbout="$cssAbout"/}

<article class="about">
    <div class="layui-row">
        <div class="layui-col-md9 Clear content">
            <div class="layui-col-md12 Clear listHead Border">
                <div class="layui-col-md4 layui-col-xl3 Clear">
                    <img src="{$pageInfoList.menuimg |default='__static__/img/noimg.jpg'}" alt="{$pageInfoList.keywords}">
                </div>
                <div class="layui-col-md8 layui-col-xl9 Clear">
                    <div class="text">
                        <p>我是天空里的一片云</p>
                        <p>偶尔投影在你的波心</p>
                        <p>你不必讶异，更无须欢喜</p>
                        <p>在转瞬间消灭了踪影，你我相逢在黑夜的海上，</p>
                        <p>你有你的，我有我的方向，你记得也好，最好你忘掉，在这交会时互放的光亮。——徐志摩《偶然》</p>
                    </div>
                </div>
            </div>
            <!--head end-->
            <div class="layui-col-md12 publicHead Clear">
                <div>
                    <h2><span>往期文章</span></h2>
                    <div class="Border">
                        <ul class="layui-timeline">
                            {volist name="$ContentList['data']" id="data"}
                            <li class="layui-timeline-item">
                                <a href="/detail/{$data.id}.html">
                                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                    <div class="layui-timeline-content layui-text">
                                        <h3 class="layui-timeline-title timeType">{$data.newtime}</h3>
                                        <span>{$data.title}</span>
                                    </div>
                                </a>
                            </li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
            <!--往期文章 end-->
            <!--分页-->
            {if ($ContentList['total'] > 0)}
            <div class="layui-col-md12 Clear pagelist">
                <div class="layui-box layui-laypage layui-laypage-molv">
                    <span class="layui-laypage-count">共 {$ContentList['total']} 条</span>
                    <!--如果当前页>首页 上一页可用-->
                    {if ($ContentList['current_page'] > $ContentList['per_page'])}
                        <a href="{$pageInfoList.id}-{$ContentList['current_page']-1}.html" class="layui-laypage-prev" title="上一页">上一页</a>
                    {else /}
                        <a href="javascript:;" class="layui-laypage-prev" style="color: #d2d2d2;cursor: not-allowed;">上一页</a>
                    {/if}
                    {for start="1" end="$ContentList['last_page']+1"}
                        {if ($ContentList['current_page'] === $i)}
                            <span class="layui-laypage-curr"><em class="layui-laypage-em" style="background-color:#1E9FFF;"></em><em>{$i}</em></span>
                        {else /}
                            <a href="{$pageInfoList.id}-{$i}.html">{$i}</a>
                        {/if}
                    {/for}

                    <!--如果当前页>尾页 下一页可用-->
                    {if ($ContentList['current_page'] >= $ContentList['last_page'])}
                    <a href="javascript:;" class="layui-laypage-next" style="color: #d2d2d2;cursor: not-allowed;">下一页</a>
                    {else /}
                    <a href="{$pageInfoList.id}-{$ContentList['current_page']+1}.html" class="layui-laypage-prev" title="下一页">下一页</a>
                    {/if}
                </div>
            </div>
            {/if}
        </div>
    </div>
</article>

{include file="footer" /}